import type {Metadata} from 'next'
import {Inter} from 'next/font/google'
import './styles/globals.css'
import './styles/swiper.css'
import React from "react";
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Providers from "@/components/Providers";
import BottomNavigations from "@/components/BottomNavigations";

const inter = Inter({subsets: ['latin']})

export const metadata: Metadata = {
    title: '华为风格元素的网站开发 - NextJS+Tailwindcss前端',
    description: '黄运厚的作业',
}

export default function RootLayout({
                                       children,
                                   }: {
    children: React.ReactNode
}) {
    return (
        <html lang="zh-CN">
        <body className={inter.className}>
        <Providers>
            <Header/>
            <div className={"min-h-[calc(100vh_-_152px)] mx-auto max-w-[1920px]"}>
                {children}
            </div>
            <BottomNavigations/>
            <Footer/>
        </Providers>
        </body>
        </html>
    )
}
